<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:t="http://myfaces.apache.org/tomahawk">

<f:view>
<f:loadBundle var="messages" basename="messages"/>

<head>
    <title>#{messages['usuarioForm.title']}</title>
    <style type="text/css">
        .jscalendar-DB-div-style {
            position: absolute;
            margin-top: -69px;
            margin-left: -408px;
        }
    </style>
    
</head>


<h:messages errorClass="error" layout="table" style="width: 100%"/>


<h:form id="usuarioForm" enctype="multipart/form-data">
	<h:inputHidden value="#{usuarioForm.usuario.id}">
	    <f:convertNumber/>
	</h:inputHidden>
	
	<h:outputLabel for="nome" value="#{messages['usuario.nome']}"/>
		<h:inputText value="#{usuarioForm.usuario.nome}" id="nome" required="true">
				<f:validateLength maximum="100" />
		</h:inputText>
     <br/>
	
	<h:outputLabel for="email" value="#{messages['usuario.email']}"/>
		<h:inputText value="#{usuarioForm.usuario.email}" id="email" 
														required="true">
				<f:validateLength maximum="50"/>	
				<f:validator validatorId="checkvalidemail" />									
       </h:inputText>
	    <br/>	
	    <h:outputLabel for="emailConfirm" value="#{messages['usuario.emailConfirm']}"/>
		<h:inputText value="#{usuarioForm.emailConfirm}" id="emailConfirm" 
														required="true">
				<f:validateLength maximum="50"/>									
       </h:inputText>
	 <br/>
	
	<h:outputLabel for="senha" value="#{messages['usuario.senha']}" />
      <h:inputSecret value="#{usuarioForm.usuario.senha}" id="senha"
        required="true">
        <f:validateLength maximum="8" />
      </h:inputSecret>
          <br/>
      <h:outputLabel for="senhaConfirm" value="#{messages['usuario.senhaConfirm']}" />
      <h:inputSecret value="#{usuarioForm.senhaConfirm}" id="senhaConfirm"
        required="true">
        <f:validateLength maximum="8" />
      </h:inputSecret>	
	<br/>
	
	 <h:outputLabel for="profissao" value="#{messages['usuario.profissao']}"/>
	
		<h:inputText value="#{usuarioForm.usuario.profissao}" id="profissao">
				<f:validateLength maximum="30" />	
		</h:inputText>
		    <br/>    
	<h:outputLabel for="formacao" value="#{messages['usuario.formacao']}"/>
	<br/>
		<h:inputTextarea value="#{usuarioForm.usuario.formacao}" id="formacao">
				<f:validateLength maximum="255" />
		</h:inputTextarea>
    <br/>
	<h:outputLabel for="atividades" value="#{messages['usuario.atividades']}"/>
	 <br/>
		<h:inputTextarea value="#{usuarioForm.usuario.atividades}" id="atividades">
			<f:validateLength maximum="255" />
		</h:inputTextarea>
	<br/>	
		

	<t:outputLabel for="imagem" value="#{messages['usuario.imagem']}"/>
	<t:inputFileUpload id="imagem" value="#{usuarioForm.arquivo}"/>
	<h:message for="imagem"/>

    <br/>
	<h:graphicImage value="images/usuario/silhueta.jpg" style="width: 200px, height: 150px"/>
	    <br/>
		    
		
    <br/>
		     
		     
		<h:panelGroup>
			<h:commandButton value="Save" action="#{usuarioForm.save}" id="save" styleClass="button"/>
		    <c:if test="${not empty usuarioForm.id}">
		        <h:commandButton value="Delete" action="#{usuarioForm.delete}" id="delete" styleClass="button"/>
		    </c:if>
		    <h:commandButton value="Cancel" action="cancel" immediate="true" id="cancel" styleClass="button"/>
		 </h:panelGroup>

		 
</h:form>

<script type="text/javascript">
    Form.focusFirstElement(document.forms['usuarioForm']);
</script>

</f:view>
</html>